<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta charset="utf-8">

		<script>
			// delete Document.prototype.adoptedStyleSheets;
		</script>
		<link rel="stylesheet" type="text/css" href="./styles/TimePicker.css">
		<script data-ui5-config type="application/json">
			{
				"language": "EN",
				"timezone" : "Pacific/Apia"
			}
		</script>

		<script src="%VITE_BUNDLE_PATH%" type="module"></script>


	</head>
	<body class="timepicker1auto">

		<div class="samples">
			<div class="sample-box-1">
		        <ui5-time-picker id="timePickerNow" value="now" format-pattern="HH:mm:ss"></ui5-time-picker>
				<br>
			</div>
            <div class="sample-box-1">
		        <ui5-date-picker id="datePickerNow" value="now" format-pattern="dd/MM/yyyy"></ui5-date-picker>
				<br>
			</div>
            <div class="sample-box-1">
		        <ui5-datetime-picker id="dateTimePickerNow" value="now" format-pattern="dd/MM/yyyy HH:mm:ss"></ui5-datetime-picker>
				<br>
			</div>
            <div class="sample-box-1">
                <ui5-calendar id="calendar1"></ui5-calendar>
				<br>
			</div>
		</div>

	</body>
</html>